<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>中科软风险管理信息系统</title>
<style type="text/css">
	html,body{
		width:100% ;
		height: 100%;
	}
	div{
		border: solid 1px #000000 ;
		float:left ;	
	}
	.leftTree{
		height:100%;
		width:150px ;
	}
	.center{
		height:60% ;
		width:400px ;
		margin-left:20px ;
	}
	.foot{
		margin:20px ;
		height: 30% ;
		width:300px ;
	}
</style>
<script src="js/jquery.js" ></script>
<script src="js/jquery-ui.js" ></script>
<script src="js/jquery.jstree.js"></script>
<script type="text/javascript">
	try{
		$(document).ready(function(){
			$.jstree._themes = "css/" ;
			$("#tree").jstree({
				"langages":["en","bg"] ,
				"plugins" :["html_data","langages","themes"]
			});	
			
		}); //end ready 
	}catch(e){alert(e.message);}
</script>
</head>
<body>
<div class="leftTree" id='tree'>
	<ul>
		<li>
			<a href="#">aaaaaaaaaaaa1</a>
			<ul>
				<li><a>111111111111</a></li>
				<li><a>111111111111</a></li>
				<li><a>111111111111</a></li>
				<li><a>111111111111</a></li>
				<li><a>111111111111</a></li>
				<li><a>111111111111</a></li>
			</ul>
		</li>
		<li>
			<a href="#">aaaaaaaaaaaa</a>
		</li>
		<li>
			<a href="#">aaaaaaaaaaaa</a>
		</li>
		<li>
			<a href="#">aaaaaaaaaaaa</a>
		</li>
	</ul>
</div>
<div class='center'></div>
<div class='foot'></div>

</body>
</html>